<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta content=always name=referrer>
    <link rel="stylesheet" href="__STATIC__/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/newbase.css">
    <script src="__STATIC__/js/jquery-1.8.2.js"></script>
    <title>退换货</title>
    <script>
        $(function () {
//            $(".tablist li").click(
//                    function(){
//                        var a=$(".tablist li").index(this);
//                        $(this).addClass("cur");
//                        $(this).siblings().removeClass("cur");
//                        $(".tabcon>div").eq(a).css({display:"block"});
//                        $(".tabcon>div").eq(a).siblings().css({display:"none"});
//                    }
//            )
            $(".tablist1 li").click(
                    function(){
                        var a=$(".tablist1 li").index(this);
                        $(this).addClass("cur");
                        $(this).siblings().removeClass("cur");
                        $(".tabcon1>div").eq(a).css({display:"block"});
                        $(".tabcon1>div").eq(a).siblings().css({display:"none"});
                    }
            )
            var h=$(".photo li").width();
            $(".fileInputContainer").css({height:h+"px"});
            $(".fileInput").css({height:h+"px"});
        })
    </script>
</head>
{include file="public/href" /}
<body>
<div class="wrap-log">
    <div class="header">
        <p>退换货</p>
        <img src="__STATIC__/img_user/back.png" class="back">
    </div>
    <div class="tablist">
        <ul>
            <li {eq name=":input('type',1)" value='1'}class="cur"{/eq} ><a href="?type=1">申请退换货</a></li>
            <li {eq name=":input('type',1)" value='2'}class="cur"{/eq}><a href="?type=2">退换货记录</a></li>
        </ul>
    </div>
    <div class="tabcon">
        {eq name=":input('type',1)" value='1'}
        <div class="cur" id="center">
            <h4>退款类型</h4>
            <ul class="tablist1">
                <li class="cur"><a href="javascript:;">我要退款<span>(无需退货)</span></a><img src="__STATIC__/img_user/cur.png" class="checked"></li>
                <li><a href="javascript:;">我要退货</a><img src="__STATIC__/img_user/cur.png" class="checked"></li>
            </ul>

            <div class="tabcon1">
                <div class="cur">
                    <h4>退款类型</h4>
                    <form role="form">
                        <div class="form-group">
                            <select class="form-control">
                                <option>请选择物流公司</option>
                                <option>顺丰</option>
                            </select>
                        </div>
                    </form>
                    <h4>退款金额</h4>
                    <input type="text" placeholder="请输入物流单号" class="text">
                    <h4>退款说明</h4>
                    <input type="text" placeholder="请输入发货说明" class="text">
                    <h4>上传凭证</h4>
                    <ul class="photo">
                        <li>
                            <div class="fileInputContainer">
                                <input class="fileInput" type="file"  />
                            </div>
                        </li>
                    </ul>
                    <input type="submit" class="submit" value="提交申请">
                </div>
                <div>
                    <h4>物流公司</h4>
                    <form role="form">
                        <div class="form-group">
                            <select class="form-control">
                                <option>请选择物流公司</option>
                                <option>顺丰</option>
                            </select>
                        </div>
                    </form>
                    <h4>物流单号</h4>
                    <input type="text" placeholder="请输入物流单号" class="text">
                    <h4>发货说明</h4>
                    <input type="text" placeholder="请输入发货说明" class="text">
                    <h4>上传凭证</h4>
                    <ul class="photo">
                        <li>
                            <div class="fileInputContainer">
                                <input class="fileInput" type="file"  />
                            </div>
                        </li>
                    </ul>
                    <input type="submit" class="submit" value="提交物流信息">
                </div>
            </div>
        </div>
        {/eq}
        {eq name=":input('type',1)" value='2'}
        {volist name='history' id='item' empty="$empty"}
        <div id="main">
            <h4>
                <span onclick=window.location.href="{:url('mobile/user_category/shop_index')}?shop_id={$item.shop_id}">店铺名称:{$item.shop.title}  </span>
                <img src="__STATIC__/img_user/next2.png" />
                <span class="right1" onclick=window.location.href="{:url('mobile/user_info/member_order_details')}?order_id={$item.id}">{$item.status_text}</span>

            </h4>
            {volist name='item.memberOrderAttached' id='vv'}
            <div class="content">
                <div class="left">
                    <img src="/{$vv.thumb_img}">
                </div>
                <div class="right">
                    <div class="title">
                        <p>{$vv.title}  </p>
                    </div>
                    <p class="type">属性规格：{if condition="$vv.attr"}{$vv.attr}{else/}无属性{/if}<span>×{$vv.number}</span></p>
                    <div class="price">
                        <div>&yen;{$vv.price}</div>
                        <div><span>周周币</span><img src="__STATIC__/img_user/sy-qianbi.png"><font class="scale">{$vv.rebate_percentage}%</font></div>
                    </div>
                </div>
            </div>
            {/volist}
            <div class="tuikuan"><p>实付：&yen;{$item.price} {eq name='item.status' value='7'}退款金额：<span>&yen;{$item.price}{/eq}</span></p></div>
            <div class="order">
                <span class="qx"><a href="#">{$item.act_text}</a></span>
                {neq name="item.status" value="0"}
                <span class="fk"><a href="{:url('mobile/user_info/refund_details')}?express_number={$item.express_number}&express_name={$item.express_name}">查看物流</a></span>
                {/neq}
                <span class="fk">
                            {eq name="item.status" value='0'}<a href="#">取消订单</a>{/eq}
                            {eq name="item.status" value='3'}<a href="{:url('mobile/user_info/member_evaliate')}">待评论</a>{/eq}
                        </span>
            </div>
        </div>
        {/volist}
        {/eq}
    </div>
</div>
{include file="public/src" /}
</body>
</html>